<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>主考官</title>
    <style>

        html,body {margin:0;padding:0;height:100%; font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAEè½¯é›…é»‘,STHeiti,\\534Eæ–‡ç»†é»‘,sans-serif;background:#302a34;}
        * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
        button:focus { outline:none;}
        a {text-decoration:none;color:#000;}
        ul{padding:0; margin:0;}
        li{padding:0; margin:0; list-style:none}
        img {border:0;}
        hr {height:0;margin-top:10px;margin-bottom:10px;border:0;border-top:solid 1px #353c48;}

        #header {background:#444250;position:fixed;top:0;left:0;right:0;z-index:20;}

        .brand {display:block;overflow:hidden;width:101px;height:32px;margin:9px 0;text-indent:-999px;background:url("img/icon/site-brand.png") no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}



        .navbar-toggle {float:right;width:40px;height:32px;margin:9px 0;border:0;padding:5px 9px;background:none;cursor:pointer;}
        .navbar-toggle .icon-bar {display:block;width:22px;height:2px;background:#fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
        .navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}

        .navbar-toggle.active .icon-bar {position:absolute;margin:0;}
        .navbar-toggle.active .icon-bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
        .navbar-toggle.active .icon-bar:nth-child(2) {opacity:0;}
        .navbar-toggle.active .icon-bar:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

        .navbar {display:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);}
        .nav {margin:5px 0;padding-left:0;}
        .nav li {list-style:none;border-top:solid 1px rgba(255,255,255,.2);position:relative;}
        .nav li:first-child {border-top:0;}
        .nav li a {display:block;padding:20px 15px;font-size:16px;color:#fff;}
        .nav li.active a {background:#c30e23; color:#dfd1b5}

        #header {position:fixed;top:0;left:0;right:0;
            background-repeat:repeat-x;
        }
        .global-nav {-webkit-transition:all .5s;transition:all .5s;}
        .brand {float:left;width:190px;height:60px;-webkit-transition:all .5s;transition:all .5s;}
        .navbar-toggle {display:none;}
        .navbar {float:right;display:block;margin-right:-15px;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
        .nav {margin:0;}
        .nav li {float:left;border:0;}
        .nav li a {padding:20px 15px;line-height:40px; text-align:center; width:90px; font-weight:200; font-size:14px;	-webkit-transition: all .5s;
            transition: all .5s; }
        .nav li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;}
        .right {float:right;}

        .clearfix:before, .clearfix:after,
        .container:before, .container:after,
        .row:before, .row:after,
        .nav:before, .nav:after,
        .global-nav:before, .global-nav:after,
        .box-txt:before, .box-txt:after

        {display:table;content:" ";clear:both;}
        .container {margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
        .container {width:760px;}
        .row {margin-left:-15px;margin-right:-15px;}
        .col-4,.col-12 {float:left;min-height:1px;padding-left:15px;padding-right:15px;position:relative;}
        .col-12 {width:100%;}
        .col-4 {width:33.33333333%;}
        @media (min-width:1200px) {.container {width:1170px;}}
        #greenx {padding-top:10px;background:#302a34}
        #greenx .lead {margin:20px auto;text-align:center;line-height:1.8;font-size:16px;color:#666;}
        #greenx .item {height:auto;margin-bottom:10px; text-align:center;padding:20px;line-height:1.8;position:relative;}
        #greenx .item img {width:130px;height:130px;}
        #greenx .item h2 {margin-bottom:0; font-size:18px;color:#dfd1b5; font-weight:200}
        #greenx .item p {margin: 0;font-size:14px;color:#e6e6e6; font-weight:200;}
        #greenx .item a{ color:rgba(255, 255, 255, 0.99); font-size:14px; padding-right:25px; font-weight:200}
        #greenx .item a:hover{ color:#e61d5f}
        #greenx .item h3 {padding-bottom:20px; font-size:18px;color:#dfd1b5; font-weight:200; margin-top:0; padding-top:0;}
        #greenx .item .item-pad{ padding:30px 0}
        .item-mind-1{background-image: url("img/icon/head-1.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
        .item-mind-2{background-image: url("img/icon/head-2.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
        .item-mind-3{background-image: url("img/icon/head-3.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
        /* news */
        .item-title {text-align:center; padding-top:20px;}
        .item-title h1 { color:#302a34; margin:0 auto; font-weight:normal;padding:4px 5px; font-size:20px; background:#dfd1b5; border-radius:50px; width:145px;}
        .carousel-top{ margin-top:80px;}
        .item-title-money h1{ background:#cd172c; color:#f2eada;}
        .item-mind-1{background-image: url("img/icon/head-1.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
        .item-mind-2{background-image: url("img/icon/head-2.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
        .item-mind-3{background-image: url("img/icon/head-3.png"); background-repeat:no-repeat; background-size:140px; height:150px; background-position:center}
        #greenx .item h2 {
            color: #dfd1b5;
            font-size: 18px;
            font-weight: 200;

        }
        #greenx .item p {
            color: #dfd1b5;
            font-size: 14px;
            font-weight: 200;
            margin: 0;
        }

        .item-string{
            width:80%;
            margin:0 auto;
        }

        .item-string img {
            width:100%;
            height:100%;
            display:block;
            border:none;
        }

        #sub-shipping2{
            background:#302a34;
            margin-bottom:10px;
        }

        #sub-shipping3{
            background:#cd172c;
        }

        #sub-shipping3 img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }

        #sub-shipping4{
            background:#302a34;
        }

        #sub-shipping4 img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }
        #sub-shipping5{
            background:#a38b79;
        }
        #sub-shipping5 img{
            width:100%;
            height:100%;
            display:block;
            border:none;
        }
        #sub-shipping {
            background: url("img/icon/sid-1.png") no-repeat center center;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
        }
        .nav li a:hover {
            background: rgba(255,255,255,.1);
        }


        /* food */
        .item-food { margin-bottom:10px}
        .item-food h3{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; color:#fff; font-weight:200; padding:10px 0; border-top:2px solid #e4007f; width:100%; font-size:14px; margin:0; position:absolute; bottom:0;}

        #footer {padding-top:40px;padding-bottom:40px;background:#302a34;}

        #footer .copy {margin:0 5px;text-align:center;line-height:1.8;font-size:12px;color:#f6f5f5; font-weight:200}
        #footer .copy span {display:block;}
       
        #sub-shipping1 h2, #sub-shipping1 p{line-height:1.5;color:#fff;}
        #sub-shipping .container, #sub-shipping1 .container{height:400px;padding:20px 15px;position:relative;}
        #sub-shipping h2, #sub-shipping1 h2{margin:5px 0;font-size:22px;}
        #sub-shipping h2,#sub-shipping p, #sub-shipping1 h2, #sub-shipping1 p{text-align:center;line-height:1.5;}
        #sub-shipping p{margin:5px 0;}

        /*@@@@*/
        #sub-shipping .container, #sub-shipping1 .container{height:720px;position:relative;}
        #sub-shipping1 h2{margin:0;text-align:center;font-size:48px;}
        #sub-shipping p, #sub-shipping1 p{margin:10px 0;text-align:center;line-height:1.5;font-size:22px;}
        img {
            max-width: 100%}
        a {
            text-decoration: none;
        }
        .container {
            max-width: 1100px;
            margin: 0 auto;
        }
    </style>

</head>
<body>
<!-- Header -->
<header id="header" class="">
    <div class="container">
        <div class="global-nav">
            <button class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="index.html"></a>
            <nav class="navbar">
                <ul class="nav">
                    <li>
                        <a href="index.html" >首页</a>
                    </li>
                    <li >
                        <a href="food.html">招牌美食</a>
                    </li>
                    <li class="active">
                        <a href="join.html">招商加盟</a>
                    </li>
                    <li >
                        <a href="profile.html">企业概况</a>
                    </li>
                    <li>
                        <a href="about.html">联系我们</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<!-- Product -->
<section id="greenx" class="carousel-top clearfix">
    <div class="container">
        <div class="row">
            <div class="item-title">
                <h1>好品牌有温度</h1>
            </div>
            <div class="col-4">
                <div class="item">
                    <div class="item-mind-1"></div>
                    <h2>口味</h2>
                    <p>味道要经过沉淀才能成熟，主烤官项目以中创永信（北京）食品科学研究院13年如一日的食品研究为根基，对烧烤和卤味从原料，腌料，串法，烤法，蘸料多方面潜心钻研。</p>
                </div>
            </div>
            <div class="col-4">
                <div class="item">
                    <div class="item-mind-2"></div>
                    <h2>口味</h2>
                    <p>味道要经过沉淀才能成熟，主烤官项目以中创永信（北京）食品科学研究院13年如一日的食品研究为根基，对烧烤和卤味从原料，腌料，串法，烤法，蘸料多方面潜心钻研。</p>
                </div>
            </div>
            <div class="col-4">
                <div class="item">
                    <div class="item-mind-3"></div>
                    <h2>口味</h2>
                    <p>味道要经过沉淀才能成熟，主烤官项目以中创永信（北京）食品科学研究院13年如一日的食品研究为根基，对烧烤和卤味从原料，腌料，串法，烤法，蘸料多方面潜心钻研。</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- money -->
<section id="sub-shipping">
    <div class="container" style="padding-top:0;">
        <div class="row">
            <div class="item-title item-title-money">
                <h1>有钱赚市场广</h1>
            </div>
        </div>
    </div>

</section>

<section id="sub-shipping1" class="clearfix">
    <div class="containe clearfix" style="padding-top:0;">
        <div class="">
            <div class="item-title">
                <h1>拼实力有保证</h1>
            </div>
            <div class="col-12">
                <div class="item-string">
                    <img src="img/icon/sr-1.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="sub-shipping2" class="clearfix">
    <div class="containe clearfix" style="padding-top:0;">
        <div class="">
            <div class="item-title">
                <h1>加盟模式</h1>
            </div>
            <div class="col-12">
                <div class="item-string">
                    <img src="img/icon/sr-2.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="sub-shipping3" class="clearfix">
    <div class="containe clearfix" style="padding-top:0;">
        <div class="">
            <div class="item-title">
                <h1>加盟支持</h1>
            </div>
            <div class="col-12">
                <div class="item-string">
                    <img src="img/icon/sr-3.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="sub-shipping4" class="clearfix">
    <div class="containe clearfix" style="padding-top:0;">
        <div class="">
            <div class="col-12">
                <div class="item-string">
                    <img src="img/icon/sr-4.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="sub-shipping5" class="clearfix">
    <div class="containe clearfix" style="padding-top:0;">
        <div class="">
            <div class="item-title">
                <h1>我要加盟</h1>
            </div>
            <div class="col-12">
                <div class="item-string">
                    <img src="img/icon/sr-5.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Footer -->
<footer id="footer">
    <div class="container">
        <div class="copy">©AUI 素材网 京ICP备15006025号-1
        </div>
        <div class="copy">
            Copyright © 2012-2016 www.a-ui.cn <span>地址：北京市海淀区北三环西路43号中航广场6层</span>
        </div>
    </div>
</footer>


</body>
</html>
